body,ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
#bg{
    max-width: 450px;
    margin:0 auto;
    padding-top:15px ;
    padding-bottom: 15px;
    background: #F0F1F2;
    }
#wrap{
    max-width:400px;
    margin: 0 auto;
    border: solid 1px #DEE4E7;
    border-radius: 10px;
    background: white;
    }
#top{
    height: 80%;
    width:100%;
    }
#bottom{
    height:100px;
    width: 100%;
    background-color: #E3E9ED;
    }
#tip{
    width:100%;
    height:110px;
    text-align: center;
    }
#content {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    }
#list{
    width: 1207px;
    height: 400px;
    position: absolute;
    }
#tip ul{
    overflow: hidden;
    height: 100%;
    }
#tip li{
    float: left;
    width: 33.3%;
    height: 96%;
    border-bottom: solid 4px #DEE4E7;
    }
#tip .li1{
    background: url("../img/1.png") center no-repeat;
    background-size: 70px 70px;
    }
#tip .li2{
    background: url("../img/2.png") center no-repeat;
    background-size: 70px 70px;
    }
#tip .li3{
    background: url("../img/3.png") center no-repeat;
    background-size: 70px 70px;
   }
#content ul{
    height: 100%;
    width:400px;
    float:left;
    }

#content li{
    height: 24.5%;
    border-bottom: solid 2px #E7EBEE;
    }
#content ul img{
    float: left;
    margin:2.5% 6%;
    vertical-align: middle;
    }
#content ul span{
   display: inline-block;
    margin-top: 5%;
    }
#content ul .image{
    float: right;
    margin-top: 11%;
    }
#bottom span{
    padding: 5%;
    float: left;
    margin: 1.5%;
    font-size: 35px;
    color: #7C95AA;
    }
#bottom input{
    height: 40%;
    border: none;
    color: #7C95AA;
    font-size: 20px;
    background: #E3E9ED;
    margin:8% 2%;
    width: 62%;
    outline: none;
    }
.fa-search:before {
    content: "\f002";
}
